<template>
   <div>
    <xsform      :tabeoption ="tabeoption"  ></xsform>
   
   </div>
  </template>
  <script>

import { getnovelandpart} from '@/api/novel'
// import Part from '@/components/novel/part.vue'
import  client from '@/components/novel/clien.vue'
import  eleimg from '@/components/novel/eleimg.vue'
import  approveStatus from '@/components/novel/approveStatus.vue'
import  ishot from '@/components/novel/ishot.vue'
import  changeEvaluateNum from '@/components/novel/changeEvaluateNum.vue'

  export default {
    name: "",
    data() {
        return {
          tabeoption:{
                    postfn:getnovelandpart,
                    column:[
                    { prop:"id" , label:"id",  },
                    { prop:"name" , label:"小说" },
                    { prop:"partSum" , label:"章节数量" },
                    { prop:"Price" , label:"价格"  },
                    { prop:"picUrl" , label:"封面",   slot:eleimg },
                    { prop:"sales" , label:"销售",  },
                    { prop:"browse" , label:"浏览量",   },
                    { prop:"evaluateNum" ,width:150,  label:"书评数量",  slot:changeEvaluateNum  },
                    { prop:"isHot" , label:"热门",  slot:ishot  },
                    { prop:"approveStatus" , label:"上线",   slot:approveStatus },
                    { prop:"right" , label:"操作",  fixed:"right" , slot:client },
                    ],
              
                    options:[
                    {
                        value: '0',
                        label: '综合搜索'
                      }, {
                        value: 'username',
                        label: '用户'
                      }
              
                    ]
                }
        };
    },

    created() {
      // console.log(this);
    },
   
 
}
  </script>
  <style scoped>

  /* 图片展示样式 */
  .img-box{
    display: flex;
    flex-wrap: wrap;
  }
  .box{
    margin: 30px;
  }
  .item-img{
    width: 40px;
    height: 40px;
    border-radius: 5px;
    margin:3px 5px;
  }
  </style>
